<template>
    <div class="container">
        生命周期函数
    </div>
</template>
<script>
// vue3写入前要导入
import {onBeforeMount,onMounted} from 'vue';

    export default{
        name:'app',
        setup(){
            // onBeforeMount 挂载DOM前
            onBeforeMount(()=>{
                console.log("DOM元素渲染前",document.querySelector('.container'))
            })
            // onMounted 挂载DOM后
            onMounted(()=>{
                console.log("DOM元素渲染后1",document.querySelector('.container'))
            })
            onMounted(()=>{
                console.log("DOM元素渲染后2",document.querySelector('.container'))
            })
        }
    }
</script>